import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";
import pxtorem from "postcss-pxtorem";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
  define: {
    "process.env": {
      BASE_API: "http://api-forum.yuhaowen.top",
    },
  },
  server: {
    host: "0.0.0.0",
  },
  css: {
    postcss: {
      plugins: [
        // pxtorem({
        //   rootValue: 192, // 这里写设计稿的宽度/10即可，例如设计稿宽度是750px就写75
        //   propList: ["*"], // 需要转换的属性，默认转换所有属性
        //   // selectorBlackList: [] // CSS选择器黑名单，防止部分选择器被转换
        //   // unitPrecision: 5, // rem的小数位数
        //   // mediaQuery: false, // 是否在媒体查询中转换px
        //   // replace: true, // 是否替换原始值
        //   // minPixelValue: 0, // 设置要替换的最小像素值(3px会被转rem)。 默认 0
        // }),
      ],
    },
  },
});
